<ul class="tags {{cssClass}}">
  <li *ngFor="let item of mutipleItems" class="tag-item">
              <span class="label label-{{type}} tag" [ngClass]="{disabled: disabled}">{{item}}<i
                aria-hidden="true" class="label-btn label-remove {{removeIcon}}" *ngIf="!disabled"
                (click)="removeLabel(item)"></i>
              </span>
  </li>
  <li *ngIf="!disabled && !isTyping" (click)="newTag()" class="new-tag-item">
    <button class="btn label label-{{type}} btn-new-tag" [disabled]="!canAddMore()">{{newTagText}}<i
      aria-hidden="true" class="label-btn label-plus {{plusIcon}}"></i>
    </button>
  </li>
  <li *ngIf="!disabled && isTyping" class="tag-input-panel">
    <input [hiAutoFocus]="isTyping" type="text" name="tagsInput" class="form-control tag-input-control"
           [maxlength]="maxlength"
           [(ngModel)]="selectValue" (keydown.enter)="addLabel(selectValue)" (blur)="boxBlur(selectValue)">
  </li>
</ul>

